<template>
	<view>
		<u-navbar :is-back="true" :border-bottom="false" title="档案详情" title-color="white"
			:background="{backgroundColor: '#00a8ff'}">
			<view class="navbar-right" slot="right">

			</view>
		</u-navbar>
		<view class="">
			<view class="" style="padding: 0rpx 26rpx;">
				<u-cell-group :border="false">
					<u-cell-item title="服务医院" value="上海市第一人民医院" :arrow="false"></u-cell-item>
					<u-cell-item title="服务时间" value="2021.03.20 14:00" :border-bottom="false" :arrow="false">
					</u-cell-item>
				</u-cell-group>
			</view>
			<view class="" style="height: 26rpx;background-color: #f3f4f5;">

			</view>
			<view class="" style="padding: 0rpx 26rpx;">
				<u-cell-group :border="false">
					<u-cell-item title="服务项目" :arrow="false" :border-bottom="false"></u-cell-item>
					<view class="u-flex u-margin-top-10 u-margin-bottom-10">
						<view class="u-flex-1">
							<image src="../../../static/goods/p1.jpg" mode=""
								style="width: 150rpx;border-radius: 10rpx;height: 150rpx;"></image>
						</view>
						<view class="u-flex-3">
							<p class="u-col-top">紧密弹润焕发光泽【线下同款】资深深TAAdsadahdoi 自身TANG</p>
							<br>
							<p>￥15800.00</p>
						</view>
					</view>
				</u-cell-group>
			</view>
			<view class="" style="height: 26rpx;background-color: #f3f4f5;">

			</view>
			<view class="" style="padding: 0rpx 26rpx;">
				<u-cell-group :border="false">
					<u-cell-item title="档案详情" :arrow="false" :border-bottom="false"></u-cell-item>
					<!-- <u-time-line> -->
					<!-- <u-time-line-item nodeTop="1"> -->
					<!-- 此处自定义了左边内容，用一个图标替代 -->
					<!-- 						<template v-slot:node  style="padding: 0rpx 26rpx;">
								<view class="u-node" style="background: #19be6b;">
									<u-icon name="apple-fill" color="#fff" :size="24"></u-icon>
								</view>
							</template> -->
					<!-- <template v-slot:content> -->
					<view>
						<view class="u-order-title">
							<!-- <image src="../../../static/icon/xxqc.png" style="width: 20rpx;height: 20rpx;"
											mode="">
										</image> -->
							术前照片
						</view>
						<view class="u-flex">
						<!-- 	<image src="../../../static/science/fm2.png" class="image-view" mode="">
							</image>
							<image src="../../../static/science/fm2.png" class="image-view" mode=""></image>
							<image src="../../../static/science/fm2.png" class="image-view" mode=""></image> -->
						</view>
					</view>
					<view>
						<view class="u-order-title">
							<!-- <u-icon name="apple-fill" color="#21231e" :size="24"></u-icon> -->
							体检报告
						</view>
						<view class="u-flex">
						<!-- 	<image src="../../../static/science/fm2.png" class="image-view" mode="">
							</image>
							<image src="../../../static/science/fm2.png" class="image-view" mode=""></image>
							<image src="../../../static/science/fm2.png" class="image-view" mode=""></image> -->
						</view>
						<view class="u-order-time">2019-05-08 12:12</view>
					</view>
					<!-- 			</template>
						</u-time-line-item>
					</u-time-line> -->
				</u-cell-group>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad(e) {
			// 获取上个页面入参
			console.log(e);
			
			this.$apiBasics.orderdetail({
				id: id
			}).then((res) => {
				console.log('request success', res);
				console.log(res.data.msg)
				
					uni.showToast({
						title: res.data.msg
					})
			}).catch((err) => {
				console.log('request fail', err);
			})
		},
		methods: {
			openinfo(url) {
				uni.navigateTo({
					url: url,
				});
			},
		}
	}
</script>

<style scoped lang="scss">
	.u-node {
		width: 44rpx;
		height: 44rpx;
		border-radius: 100rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #d0d0d0;
	}

	.u-order-title {
		color: #333333;
		font-weight: 700;
		font-size: 30rpx;
		line-height: 80rpx;
	}

	.u-order-desc {
		color: rgb(150, 150, 150);
		font-size: 28rpx;
		margin-bottom: 6rpx;
	}

	.u-order-time {
		color: rgb(200, 200, 200);
		font-size: 26rpx;
	}

	.image-view {
		height: 120rpx;
		margin-right: 20rpx;
		border-radius: 10rpx;
	}
</style>
